<!DOCTYPE html>    
    <html>
    <head>
        <meta charset="utf-8">    
        <title>ForeHead</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=no">    
        <script src="/Public/js/jquery.min.js"></script> 
        <script src="/Public/js/bootstrap.min.js"></script> 

        <link rel="stylesheet" type="text/css" href="/Public/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="/Public/css/base.css">
        <link rel="stylesheet" type="text/css" href="/Public/css/base_style.css"> 

        <style type="text/css">
            .container{
                padding: 0 !important;
                width: 100%;
                height: 50px;
            }
            .navbar img{
                margin-top: 10px;
                width: 40%;
                height: 40%;
            }
            .container-btn{
                float: left;
                width: 33.3%;
                height: 100%;
                font-size: 11px;
                font-weight: bold;
                text-align: center;
                line-height: 20px;
                color: #a4a6a8;
            }
            .container-btn-checked{
               color:#34d098;
            }
            .star{
                float: right;
                margin: 5px 5px 0 0;
            }
            .glyphicon{
                font-size: 20px;
                color: red;
            }
            .content{
                text-align: center;
                position: absolute;
                top:0;
                left: 0;
                right: 0;
                /*bottom: 0;*/
                overflow-x: hidden;
                padding-bottom: 49px !important;
            }
            .content .name{
                font-size: 30px;
                font-weight: bolder;
                padding-top: 50px;
                padding-bottom: 30px;
            }
            .recommend-cacel{
                width: 30%;
                float: left;
                margin: 50px 0 0 50px;
                border-radius: 5px;
                background-color: white !important;
                border-color: white !important;
                color: black !important;
            }
            .recommend-save{
                /* width: 30%;
                float: right;
                margin: 50px 50px 0 0;
                border-radius: 5px;
                background-color: rgb(21, 131, 230);
                color: white;*/
                width: 90%;
                height: 40px;
                margin: 40px auto;
                background-color: #34d098;
                color: white;
                line-height: 40px;
                border-radius: 2px;
                padding: 0 !important;
                border:0px;
                font-size: 18px;
            }
            .tip{
                width: 90%;
                margin: 10px auto;
                background-color: white;
                border-radius: 5px;
                text-align: left;
            }
            /*.baseInfo{
                height: 240px;
            }*/
            .baseInfo .recommend-btn{
                height: 35px;
                line-height: 35px;
            }
            #dialog-exprience,#dialog-eduBg,#dialog-exprience-edit,#dialog-eduBg-edit{
                margin-top: 20%;
            }
            .dialog-title{
                text-align: center;
                font-size: 20px;
                padding: 10px 0;
                background-color: #11beb8;
                width: 100%;
                color: white;
            }
            .dialog-company,.dialog-job{
                display: block;
                width: 90% !important;
                margin: 15px auto;
                height: 40px;
                border: 1px solid #e5e5e5;
            }
            .star_time,.end_time{
                display: inline-block;
                width: 35%;
                /*margin-left: 10px;*/
            }
            .form,.to{
                margin-left: 10px;
            }
            .modal-content{
                font-size: 12px;
                color: #A4A6A8;
            }
            .dialog-cacle,.dialog-cacle-eduBg{
                display: inline-block;
                width: 35%;
                height: 40px;
                margin: 20px 0 20px 20px;
                border-radius: 2px;
                background-color: #74E2BB;
                border-color: #74E2BB;
                color: white;
                line-height: 40px;
                text-align: center;
            }
            .dialog-add,.dialog-add-eduBg,.dialog-add-edit,.dialog-add-eduBg-edit{
                display: inline-block;
                width: 35%;
                height: 40px;
                margin: 20px 0 20px 10%;
                border-radius: 2px;
                background-color: #34D098;
                border-color: #34D098;
                color: white;
                line-height: 40px;
                text-align: center;
            }
            .resume-text{
                width: 86%;
                text-align: left;
                margin: 5px auto;
                font-size: 13px;
            }
            .resume-text-job{
                color: #A9AEB2;
            }
            .resume-text-job div{
                
                display: inline-block;
            }
            .resume-text-content{
                width: 100%;
                background-color: white;
                padding: 10px 0;
            }
            .hidden{
                width: 0px;
                height: 0px;
            }
            .job-exprience,.eduBg{
                text-align: center;
                color:#34d098;
            }
            .job-exprience img,.eduBg img{
                display: inline;
                float: none;
                width: 15px;
                height: 15px;
                line-height: 23px;
                margin: 0;
                padding: 0;
            }
           .sel-list .sel-item{
                color:black !important;
            }
            .sel-title{
                color:white !important;
            }
            .exprience-btn{
                width: 100%;
                height: 100%;
                line-height: 23px;
            }
            .recommend-btn{
                line-height: 23px !important;
            }
            .black .sel-tit {   
                color: white !important;
            }
            .sel-item-active{ background:  #11beb8 !important;}
            .edit{
            position: absolute;
            right: 10px;
            width: 20px;
            height: 21px;
            margin-top: 10px;
        }
        .tip{
            position: relative;
            top: 0;
            width: 100%;
            margin:0;
            margin-bottom:10px;
            padding: 5px 0; 
            background-color: white;
        }
        .tip div{
            width: 90%;
            margin: 0 auto;
            font-size: 15px;
        }
        </style>
    </head>
    <body>
        <form action="userInfoPost" method="post">
        <div class="content">

           <!--  <div class="recommend">
                <div class="recommend-title">
                    基础信息
                </div>
                <div class="recommend-btn">
                    <input type="text"  value="" name="name" placeholder="姓名"> 
                    <input type="text" value="" name="phoneNum" placeholder="电话"> 
                    <input type="text"  value="" name="eamil" placeholder="邮箱"> 
                </div>
            </div> -->
            <div class="tip">
                <div>亲，请完善个人信息，这样你就可以看到对方的信息了</div>
            </div>
            <div class="recommend">
                <div class="recommend-title">基础信息</div>

                <div class="recommend-content baseInfo">
                    <div class="recommend-name">您的姓名</div>
                    <input type="text"  class="recommend-btn" name="name" placeholder="请输入您的姓名">
                    <div class="recommend-name">您的电话</div>
                    <input type="text"  class="recommend-btn" name="phoneNum" placeholder="请输入您的电话">
                    <div class="recommend-name">您的邮箱</div>
                    <input type="text"  class="recommend-btn" name="email" placeholder="请输入您的邮箱">
                </div>
            </div>

            <div class="recommend">
                <div class="recommend-title">职业信息</div>

                <div class="recommend-content baseInfo">
                    <!-- <div class="recommend-name">工作年限</div>
                    <div class="recommend-btn">
                            请输入
                            <img src="img/下拉箭头.svg"></div>
                    <div class="recommend-name">工作经历</div>
                     <div class="recommend-btn">
                            请输入
                            <img src="img/下拉箭头.svg"></div>
                    <div class="recommend-name">教育背景</div>
                     <div class="recommend-btn">
                            请输入
                            <img src="img/下拉箭头.svg"></div> -->
                    <div class="recommend-name">工作年限</div>
                    <!-- <input class="recommend-btn" type="text" placeholder="工作年限" name="jobYear"> -->
                        <div class="row">
                             <div class="col-xs-12">
                                 <div class="form-group form-group-19" id="formgroup19">
                                     <div class="custom-dropdown">
                                         <input class="custom-dropdown_select" id="select19" value="" name="jobYear" readonly=""placeholder="请输入工作年限"></div>
                                 </div>
                             </div>
                         </div>

                    <div class="recommend-name">工作经历</div>
                    <!-- <input class="recommend-btn" type="text" placeholder="工作经历" name="jobExprience">  -->
                        <div class="exprience-list"></div>

                        <input class="hidden hidden-jobExprience" name="jobExprience">                        

                        <!-- <div class="recommend-btn job-exprience"  data-toggle="modal" data-target=".bs-example-modal-lg"> -->
                        <div class="recommend-btn job-exprience"  data-toggle="modal">
                            <div class="exprience-btn">
                                <img src="/Public/img/添加.svg">
                                添加工作经历
                            </div>
                        </div>

                    <div class="recommend-name">教育背景</div>
                    <!-- <input class="recommend-btn" type="text" placeholder="教育背景" name="eduBg"> -->
                        <div class="eduBg-list"></div>

                        <input class="hidden hidden-eduBg" name="eduBg">                        

                        <!-- <div class="recommend-btn eduBg"  data-toggle="modal" data-target=".bs-example-modal-lg-eduBg"> -->
                        <div class="recommend-btn eduBg"  data-toggle="modal">
                            <img src="/Public/img/添加.svg">
                            添加教育背景
                        </div>                    
                </div>

            </div>

           <!--  <button type="button" id="recommend-cacel" data-complete-text="取消成功!" class="btn btn-primary recommend-cacel" autocomplete="off">取消</button> -->

           <button type="button" id="recommend-save" data-complete-text="保存成功!" class="btn btn-primary recommend-save" autocomplete="off">保存</button>

           <div class="ui-poptips ui-poptips-success" style="display:none">
               <div class="ui-poptips-cnt"> <i></i>
                   保存成功
               </div>
           </div>
        </div>
        </form>


         <nav class="navbar navbar-default navbar-fixed-bottom">
            <div class="container">
                <div class="container-btn" data-navbar = "index">
                    <img src="/Public/img/我要推荐.svg">
                    <div>我要推荐</div>
                </div>
                <div class="container-btn" data-navbar = "usePeople">
                    <img src="/Public/img/我要用人.svg">
                    <div>我要用人</div>
                </div>
                <div class="container-btn" data-navbar = "user">
                    <img src="/Public/img/个人中心.svg">
                    <div>个人中心</div>
                </div>
            </div>
        </nav>
        <div class="black dn" id="black" style="display: none;">
            <div id="backGround" class="background"></div>
            <div class="select dn list-group-19">
            <div class="sel-item sel-tit">
                <span>请选择经验要求：</span>
                <div class="sel-close" id="selClose">
                    <img src="/Public/img/弹出框的关闭.svg"></div>
            </div>
            <div class="sel-list" id="group19">
                <a href="#" value="0" class="sel-item list-group-item-19"><span>1－3年</span></a>
                <a href="#" value="1" class="sel-item list-group-item-19"><span>3－5年</span></a>
                <a href="#" value="2" class="sel-item list-group-item-19"><span>5－10年</span></a>
                <a href="#" value="3" class="sel-item list-group-item-19"><span>10年以上</span></a>
                <a href="#" value="4" class="sel-item list-group-item-19"><span>不限</span></a>
            </div>
        </div>
            
        </div>

        <!-- Large modal -->
       <!--  <button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bs-example-modal-lg">添加工作经历</button> -->

        <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="dialog-exprience">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="dialog-title">添加工作经历</div>
                        <input class="dialog-company" id="companyName" type="text" name="companyName" value="" placeholder="请输入公司名称">
                        <input class="dialog-job" id="jobName" type="text"  name="jobName" placeholder="请输入职位名称">
                    <div>
                    <span class="form">从</span>
                        <div class="star_time">
                            <select class="custom-dropdown_select" id="star_time" name="star_time">
                               <option value="1980">1980</option>
                                <option value="1981">1981</option>
                                <option value="1982">1982</option>
                                <option value="1983">1983</option>
                                <option value="1984">1984</option>
                                <option value="1985">1985</option>
                                <option value="1986">1986</option>
                                <option value="1987">1987</option>
                                <option value="1988">1988</option>
                                <option value="1989">1989</option>
                                <option value="1990">1990</option>
                                <option value="1991">1991</option>
                                <option value="1992">1992</option>
                                <option value="1993">1993</option>
                                <option value="1994">1994</option>
                                <option value="1995">1995</option>
                                <option value="1996">1996</option>
                                <option value="1997">1997</option>
                                <option value="1998">1998</option>
                                <option value="1999">1999</option>
                                <option value="2000">2000</option>
                                <option value="2001">2001</option>
                                <option value="2002">2002</option>
                                <option value="2003">2003</option>
                                <option value="2004">2004</option>
                                <option value="2005" selected>2005</option>
                                <option value="2006">2006</option>
                                <option value="2007">2007</option>
                                <option value="2008">2008</option>
                                <option value="2009">2009</option>
                                <option value="2010">2010</option>
                                <option value="2011">2011</option>
                                <option value="2012">2012</option>
                                <option value="2013">2013</option>
                                <option value="2014">2014</option>
                                <option value="2015">2015</option>
                            </select>
                        </div>
                        年 <span class="to">到</span>
                        <div class="end_time">
                            <select class="custom-dropdown_select" id="end_time" name="end_time">
                                <option value="1980">1980</option>
                                <option value="1981">1981</option>
                                <option value="1982">1982</option>
                                <option value="1983">1983</option>
                                <option value="1984">1984</option>
                                <option value="1985">1985</option>
                                <option value="1986">1986</option>
                                <option value="1987">1987</option>
                                <option value="1988">1988</option>
                                <option value="1989">1989</option>
                                <option value="1990">1990</option>
                                <option value="1991">1991</option>
                                <option value="1992">1992</option>
                                <option value="1993">1993</option>
                                <option value="1994">1994</option>
                                <option value="1995">1995</option>
                                <option value="1996">1996</option>
                                <option value="1997">1997</option>
                                <option value="1998">1998</option>
                                <option value="1999">1999</option>
                                <option value="2000">2000</option>
                                <option value="2001">2001</option>
                                <option value="2002">2002</option>
                                <option value="2003">2003</option>
                                <option value="2004">2004</option>
                                <option value="2005">2005</option>
                                <option value="2006">2006</option>
                                <option value="2007">2007</option>
                                <option value="2008">2008</option>
                                <option value="2009">2009</option>
                                <option value="2010">2010</option>
                                <option value="2011">2011</option>
                                <option value="2012">2012</option>
                                <option value="2013">2013</option>
                                <option value="2014">2014</option>
                                <option value="2015">2015</option>
                                <option value="至今" selected>至今</option>
                            </select>
                            
                        </div>
                        年
                    </div>
                    <div>
                        <div class="dialog-cacle" data-dismiss="modal">
                            取消
                        </div>
                        <div class="dialog-add" data-dismiss="modal">
                            添加
                        </div>
                    </div>
                </div>
            </div>
        </div>

         <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="dialog-exprience-edit">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="dialog-title">修改工作经历</div>
                        <input class="dialog-company" id="companyNameEdit" type="text" name="companyName" value="" placeholder="请输入公司名称">
                        <input class="dialog-job" id="jobNameEdit" type="text"  name="jobName" placeholder="请输入职位名称">
                    <div>
                    <span class="form">从</span>
                        <div class="star_time">
                            <select class="custom-dropdown_select" id="star_time_edit" name="star_time">
                               <option value="1980">1980</option>
                                <option value="1981">1981</option>
                                <option value="1982">1982</option>
                                <option value="1983">1983</option>
                                <option value="1984">1984</option>
                                <option value="1985">1985</option>
                                <option value="1986">1986</option>
                                <option value="1987">1987</option>
                                <option value="1988">1988</option>
                                <option value="1989">1989</option>
                                <option value="1990">1990</option>
                                <option value="1991">1991</option>
                                <option value="1992">1992</option>
                                <option value="1993">1993</option>
                                <option value="1994">1994</option>
                                <option value="1995">1995</option>
                                <option value="1996">1996</option>
                                <option value="1997">1997</option>
                                <option value="1998">1998</option>
                                <option value="1999">1999</option>
                                <option value="2000">2000</option>
                                <option value="2001">2001</option>
                                <option value="2002">2002</option>
                                <option value="2003">2003</option>
                                <option value="2004">2004</option>
                                <option value="2005">2005</option>
                                <option value="2006">2006</option>
                                <option value="2007">2007</option>
                                <option value="2008">2008</option>
                                <option value="2009">2009</option>
                                <option value="2010">2010</option>
                                <option value="2011">2011</option>
                                <option value="2012">2012</option>
                                <option value="2013">2013</option>
                                <option value="2014">2014</option>
                                <option value="2015">2015</option>
                            </select>
                        </div>
                        年 <span class="to">到</span>
                        <div class="end_time">
                            <select class="custom-dropdown_select" id="end_time_edit" name="end_time">
                                <option value="1980">1980</option>
                                <option value="1981">1981</option>
                                <option value="1982">1982</option>
                                <option value="1983">1983</option>
                                <option value="1984">1984</option>
                                <option value="1985">1985</option>
                                <option value="1986">1986</option>
                                <option value="1987">1987</option>
                                <option value="1988">1988</option>
                                <option value="1989">1989</option>
                                <option value="1990">1990</option>
                                <option value="1991">1991</option>
                                <option value="1992">1992</option>
                                <option value="1993">1993</option>
                                <option value="1994">1994</option>
                                <option value="1995">1995</option>
                                <option value="1996">1996</option>
                                <option value="1997">1997</option>
                                <option value="1998">1998</option>
                                <option value="1999">1999</option>
                                <option value="2000">2000</option>
                                <option value="2001">2001</option>
                                <option value="2002">2002</option>
                                <option value="2003">2003</option>
                                <option value="2004">2004</option>
                                <option value="2005">2005</option>
                                <option value="2006">2006</option>
                                <option value="2007">2007</option>
                                <option value="2008">2008</option>
                                <option value="2009">2009</option>
                                <option value="2010">2010</option>
                                <option value="2011">2011</option>
                                <option value="2012">2012</option>
                                <option value="2013">2013</option>
                                <option value="2014">2014</option>
                                <option value="2015">2015</option>
                                <option value="至今">至今</option>
                            </select>
                            
                        </div>
                        年
                    </div>
                    <div>
                        <div class="dialog-cacle" data-dismiss="modal">
                            取消
                        </div>
                        <div class="dialog-add-edit" data-dismiss="modal">
                            修改
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="modal fade bs-example-modal-lg-eduBg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="dialog-eduBg">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="dialog-title">添加教育背景</div>
                        <input class="dialog-company" id="school" type="text" name="companyName" value="" placeholder="请输入学校名称">
                        <!-- <input class="dialog-job" id="jobName" type="text"  name="jobName" placeholder="请输入职位名称"> -->
                        <span class="custom-dropdown dialog-company">
                            <select class="custom-dropdown_select" id="education_degreecity" name="education_degreecity">
                                <option value="专科">专科</option>
                                <option value="本科" selected="">本科</option>
                                <option value="硕士">硕士</option>
                                <option value="博士">博士</option>
                                <option value="其他">其他</option>
                            </select>

                        </span>
                        <input class="dialog-job" id="major" type="text"  name="jobName" placeholder="请输入专业名称">
                    <div>
                        <span class="form">从</span>
                        <div class="star_time">
                            <select class="custom-dropdown_select" id="star_time_eduBg" name="star_time">
                               <option value="1980">1980</option>
                                <option value="1981">1981</option>
                                <option value="1982">1982</option>
                                <option value="1983">1983</option>
                                <option value="1984">1984</option>
                                <option value="1985">1985</option>
                                <option value="1986">1986</option>
                                <option value="1987">1987</option>
                                <option value="1988">1988</option>
                                <option value="1989">1989</option>
                                <option value="1990">1990</option>
                                <option value="1991">1991</option>
                                <option value="1992">1992</option>
                                <option value="1993">1993</option>
                                <option value="1994">1994</option>
                                <option value="1995">1995</option>
                                <option value="1996">1996</option>
                                <option value="1997">1997</option>
                                <option value="1998">1998</option>
                                <option value="1999">1999</option>
                                <option value="2000">2000</option>
                                <option value="2001">2001</option>
                                <option value="2002">2002</option>
                                <option value="2003">2003</option>
                                <option value="2004">2004</option>
                                <option value="2005" selected>2005</option>
                                <option value="2006">2006</option>
                                <option value="2007">2007</option>
                                <option value="2008">2008</option>
                                <option value="2009">2009</option>
                                <option value="2010">2010</option>
                                <option value="2011">2011</option>
                                <option value="2012">2012</option>
                                <option value="2013">2013</option>
                                <option value="2014">2014</option>
                                <option value="2015">2015</option>
                            </select>
                        </div>
                            年<span class="to">到</span>
                        <div class="end_time">
                            <select class="custom-dropdown_select" id="end_time_eduBg" name="end_time">
                                <option value="1980">1980</option>
                                <option value="1981">1981</option>
                                <option value="1982">1982</option>
                                <option value="1983">1983</option>
                                <option value="1984">1984</option>
                                <option value="1985">1985</option>
                                <option value="1986">1986</option>
                                <option value="1987">1987</option>
                                <option value="1988">1988</option>
                                <option value="1989">1989</option>
                                <option value="1990">1990</option>
                                <option value="1991">1991</option>
                                <option value="1992">1992</option>
                                <option value="1993">1993</option>
                                <option value="1994">1994</option>
                                <option value="1995">1995</option>
                                <option value="1996">1996</option>
                                <option value="1997">1997</option>
                                <option value="1998">1998</option>
                                <option value="1999">1999</option>
                                <option value="2000">2000</option>
                                <option value="2001">2001</option>
                                <option value="2002">2002</option>
                                <option value="2003">2003</option>
                                <option value="2004">2004</option>
                                <option value="2005">2005</option>
                                <option value="2006">2006</option>
                                <option value="2007">2007</option>
                                <option value="2008">2008</option>
                                <option value="2009">2009</option>
                                <option value="2010">2010</option>
                                <option value="2011">2011</option>
                                <option value="2012">2012</option>
                                <option value="2013">2013</option>
                                <option value="2014">2014</option>
                                <option value="2015">2015</option>
                                <option value="至今" selected>至今</option>
                            </select>
                            
                        </div>
                        年
                    </div>
                    <div>
                        <div class="dialog-cacle-eduBg" data-dismiss="modal">
                            取消
                        </div>
                        <div class="dialog-add-eduBg" data-dismiss="modal">
                            添加
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="modal fade bs-example-modal-lg-eduBg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="dialog-eduBg-edit">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="dialog-title">修改教育背景</div>
                        <input class="dialog-company" id="schoolEdit" type="text" name="companyName" value="" placeholder="请输入学校名称">
                        <!-- <input class="dialog-job" id="jobName" type="text"  name="jobName" placeholder="请输入职位名称"> -->
                        <span class="custom-dropdown dialog-company">
                            <select class="custom-dropdown_select" id="education_degreecity_edit" name="education_degreecity">
                                <option value="专科">专科</option>
                                <option value="本科" selected="">本科</option>
                                <option value="硕士">硕士</option>
                                <option value="博士">博士</option>
                                <option value="其他">其他</option>
                            </select>

                        </span>
                        <input class="dialog-job" id="majorEdit" type="text"  name="jobName" placeholder="请输入专业名称">
                    <div>
                        <span class="form">从</span>
                        <div class="star_time">
                            <select class="custom-dropdown_select" id="star_time_eduBg_edit" name="star_time">
                               <option value="1980">1980</option>
                                <option value="1981">1981</option>
                                <option value="1982">1982</option>
                                <option value="1983">1983</option>
                                <option value="1984">1984</option>
                                <option value="1985">1985</option>
                                <option value="1986">1986</option>
                                <option value="1987">1987</option>
                                <option value="1988">1988</option>
                                <option value="1989">1989</option>
                                <option value="1990">1990</option>
                                <option value="1991">1991</option>
                                <option value="1992">1992</option>
                                <option value="1993">1993</option>
                                <option value="1994">1994</option>
                                <option value="1995">1995</option>
                                <option value="1996">1996</option>
                                <option value="1997">1997</option>
                                <option value="1998">1998</option>
                                <option value="1999">1999</option>
                                <option value="2000">2000</option>
                                <option value="2001">2001</option>
                                <option value="2002">2002</option>
                                <option value="2003">2003</option>
                                <option value="2004">2004</option>
                                <option value="2005">2005</option>
                                <option value="2006">2006</option>
                                <option value="2007">2007</option>
                                <option value="2008">2008</option>
                                <option value="2009">2009</option>
                                <option value="2010">2010</option>
                                <option value="2011">2011</option>
                                <option value="2012">2012</option>
                                <option value="2013">2013</option>
                                <option value="2014">2014</option>
                                <option value="2015">2015</option>
                            </select>
                        </div>
                            年<span class="to">到</span>
                        <div class="end_time">
                            <select class="custom-dropdown_select" id="end_time_eduBg_edit" name="end_time">
                                <option value="1980">1980</option>
                                <option value="1981">1981</option>
                                <option value="1982">1982</option>
                                <option value="1983">1983</option>
                                <option value="1984">1984</option>
                                <option value="1985">1985</option>
                                <option value="1986">1986</option>
                                <option value="1987">1987</option>
                                <option value="1988">1988</option>
                                <option value="1989">1989</option>
                                <option value="1990">1990</option>
                                <option value="1991">1991</option>
                                <option value="1992">1992</option>
                                <option value="1993">1993</option>
                                <option value="1994">1994</option>
                                <option value="1995">1995</option>
                                <option value="1996">1996</option>
                                <option value="1997">1997</option>
                                <option value="1998">1998</option>
                                <option value="1999">1999</option>
                                <option value="2000">2000</option>
                                <option value="2001">2001</option>
                                <option value="2002">2002</option>
                                <option value="2003">2003</option>
                                <option value="2004">2004</option>
                                <option value="2005">2005</option>
                                <option value="2006">2006</option>
                                <option value="2007">2007</option>
                                <option value="2008">2008</option>
                                <option value="2009">2009</option>
                                <option value="2010">2010</option>
                                <option value="2011">2011</option>
                                <option value="2012">2012</option>
                                <option value="2013">2013</option>
                                <option value="2014">2014</option>
                                <option value="2015">2015</option>
                                <option value="至今">至今</option>
                            </select>
                            
                        </div>
                        年
                    </div>
                    <div>
                        <div class="dialog-cacle-eduBg" data-dismiss="modal">
                            取消
                        </div>
                        <div class="dialog-add-eduBg-edit" data-dismiss="modal">
                            修改
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </body>
    <script src="/Public/js/zepto.min.js"></script>
    <script src="/Public/js/frozen.js"></script>
    <script type="text/javascript" src="/Public/js/type.js"></script>
    <script type="text/javascript">

    var i = 0;
    var j = 100;
    var editId = 0;
    var jobExprience = new Array();
    var eduBackGround = new Array();

        $('#recommend-save').on('click', function () {
            $(this).button('complete');// button text will be "finished!"  
            $(".ui-poptips-success").show();
            setTimeout(function(){
                window.location.href = "/addon/JianCai/JianCai/resumeDetail.html";
            }, 1000);
            $("form").submit();
            
      })
        $('#recommend-cacel').on('click', function () {
            $(this).button('complete') // button text will be "finished!"
      })
         $(".container-btn").on("click",function(){
            window.location.href = "/addon/JianCai/JianCai/"+$(this).data('navbar')+".html";
        })
         var exprience;
        var eduBg; 
       
        $(".dialog-add").on("click",function(){
            var companyName = $("#companyName").val();
            var jobName = $("#jobName").val();
            var starTime = $("#star_time").val();
            var endTime = $("#end_time").val();
            i = i + 1;

            exprience = '<div class="resume-text-content" id="'+i+'"><img class="edit" src="/Public/img/edit.svg" onclick="edit(i)" data-edit="'+i+'"><div class="resume-text"><div class="company-name">'+companyName+'</div><div class="resume-text-job"><div class="job-name">'+jobName+'</div>|<div><span class="star-time">'+starTime+'</span>-<span class="end-time">'+endTime+'</span></div></div></div></div>';
            $(".exprience-list").append(exprience);

            // $(".hidden-jobExprience").val(JSON.stringify($(".exprience-list")));
            // console.log($(".hidden-jobExprience").val());
             for( var k = 1; k <= $(".exprience-list .resume-text").length;k++ )
            {
                
                jobExprience[k-1] = {
                        companyName: $("#"+k+" .company-name").text(),
                        jobName: $("#"+k+" .job-name").text(),
                        starTime:$("#"+k+" .star-time").text(),
                        endTime:$("#"+k+" .end-time").text()
                    }
            }
            console.log(JSON.stringify(jobExprience));

            $(".hidden-jobExprience").val(JSON.stringify(jobExprience));
        })

        $(".dialog-add-eduBg").on("click",function(){
            var school = $("#school").val();
            var eduDy = $("#education_degreecity").val();
            var major = $("#major").val();
            var starTimeBg = $("#star_time_eduBg").val();
            var endTimeBg = $("#end_time_eduBg").val();

            j = j + 1;
            eduBg = '<div class="resume-text-content" id="'+j+'"><img class="edit" src="/Public/img/edit.svg" onclick="editBg(j)" data-edit="'+j+'"><div class="resume-text"><div class="school-name">'+school+'</div><div class="resume-text-job"><div class="major">'+major+'</div>|<div class="eduDy">'+eduDy+'</div>|<div><span class="stat-timeBg">'+starTimeBg+'</span>-<span class="end-timeBg">'+endTimeBg+'</span></div></div></div></div>';
            $(".eduBg-list").append(eduBg);
            // $(".hidden-eduBg").val(JSON.stringify($(".hidden-eduBg")));
            // $(".hidden-eduBg").val() = $(".hidden-eduBg").val() + eduBg;
            for( var M = 1; M <= $(".eduBg-list .resume-text").length;M++ )
            {
                
                eduBackGround[M-1] = {
                        school: $("#"+(M+100)+" .school-name").text(),
                        major: $("#"+(M+100)+" .major").text(),
                        eduDy: $("#"+(M+100)+" .eduDy").text(),
                        starTimeBg:$("#"+(M+100)+" .star-timeBg").text(),
                        endTimeBg:$("#"+(M+100)+" .end-timeBg").text()
                    }
            }
            console.log(JSON.stringify(eduBackGround));

            $(".hidden-eduBg").val(JSON.stringify(eduBackGround));
        })
        // $("#dialog-exprience").modal('show');
        // $('#dialog-exprience').on('shown.bs.modal', function () {
        //   $('#myInput').focus()
        // })
        $(".job-exprience").on("click",function(){
            $("#dialog-exprience").modal('show');
        })
        $(".eduBg").on("click",function(){
            $("#dialog-eduBg").modal('show');
        })
        $(".sel-list a").on("click",function(){
            // this.addClass("sel-list");
            $("this").text("over");
        })
        function edit(edit){
            $("#dialog-exprience-edit").modal('show');
            var companyName =  $("#"+edit+" .company-name").text();
            var jobName =  $("#"+edit+" .job-name").text();
            var starTime =  $("#"+edit+" .star-time").text();
            var endTime =  $("#"+edit+" .end-time").text();
            editId = edit;
            console.log(companyName);

            $("#companyNameEdit").val(companyName);
            $("#jobNameEdit").val(jobName);
            $("#star_time_edit").val(starTime);
            $("#end_time_edit").val(endTime);
        }
        $(".dialog-add-edit").on("click",function(){
            var companyName = $("#companyNameEdit").val();
            var jobName = $("#jobNameEdit").val();
            var starTime = $("#star_time_edit").val();
            var endTime = $("#end_time_edit").val();
            console.log(editId);
            console.log(companyName);
            $("#"+editId+" .company-name").text(companyName);
            $("#"+editId+" .job-name").text(jobName);
            $("#"+editId+" .star-time").text(starTime);
            $("#"+editId+" .end-time").text(endTime);

            // $(".hidden-jobExprience").val(JSON.stringify($(".exprience-list")));
            // console.log($(".hidden-jobExprience").val());
             for( var k = 1; k <= $(".exprience-list .resume-text").length;k++ )
            {
                
                jobExprience[k-1] = {
                        companyName: $("#"+k+" .company-name").text(),
                        jobName: $("#"+k+" .job-name").text(),
                        starTime:$("#"+k+" .star-time").text(),
                        endTime:$("#"+k+" .end-time").text()
                    }
            }
            console.log(JSON.stringify(jobExprience));

            $(".hidden-jobExprience").val(JSON.stringify(jobExprience));
        })
        function editBg(editBg){
            $("#dialog-eduBg-edit").modal('show');
            var schoolName =  $("#"+editBg+" .school-name").text();
            var major =  $("#"+editBg+" .major").text();
            var eduDy =  $("#"+editBg+" .eduDy").text();
            var starTime =  $("#"+editBg+" .star-timeBg").text();
            var endTime =  $("#"+editBg+" .end-timeBg").text();
            editId = editBg;

            $("#schoolEdit").val(schoolName);
            $("#majorEdit").val(major);
            $("#education_degreecity_edit").val(eduDy);
            $("#star_time_edit").val(starTime);
            $("#end_time_edit").val(endTime);
        }
        $(".dialog-add-eduBg-edit").on("click",function(){
            var school = $("#schoolEdit").val();
            var eduDy = $("#education_degreecity_edit").val();
            var major = $("#majorEdit").val();
            var starTimeBg = $("#star_time_eduBg_edit").val();
            var endTimeBg = $("#end_time_eduBg_edit").val();

            $("#"+editId+" .school-name").text(school);
            $("#"+editId+" .major").text(major);
            $("#"+editId+" .eduDy").text(eduDy);
            $("#"+editId+" .star-timeBg").text(starTimeBg);
            $("#"+editId+" .end-timeBg").text(endTimeBg);

            // $(".hidden-jobExprience").val(JSON.stringify($(".exprience-list")));

            // console.log($(".hidden-jobExprience").val());
            for( var M = 1; M <= $(".eduBg-list .resume-text").length;M++ )
            {
                
                eduBackGround[M-1] = {
                        school: $("#"+(M+100)+" .school-name").text(),
                        major: $("#"+(M+100)+" .major").text(),
                        eduDy: $("#"+(M+100)+" .eduDy").text(),
                        starTimeBg:$("#"+(M+100)+" .star-timeBg").text(),
                        endTimeBg:$("#"+(M+100)+" .end-timeBg").text()
                    }
            }
            console.log(JSON.stringify(eduBackGround));

            $(".hidden-eduBg").val(JSON.stringify(eduBackGround));
        })

        // var str = '[{"uname":"王宝强","day":"2012/06/17"},{"uname":"李连杰","day":"2012/08/12"}]'; 
        // var jsonList=eval("("+str+")"); 　　　　　　 //转换为json对象
        // for(var i=0;i<jsonList.length;i++){

        //  　　　　for(var key in jsonList[i]){

        //          　　alert("key："+key+",value："+jsonList[i][key]); 

        //         } 

        //  　　}
    </script>
    </html>